
<form id="forms" class="checkoutform" action="{:U('insert')}" method="post">
  <table class="table table-bordered" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td align="right" title="字段显示的名称">字段显示名称</td>
      <td>
      	<input style="display:none;" value="{$formId}" name="form_id" type="text" id="title" size="70" style="width:120px;">
        <input datatype="*" name="name" type="text" id="name" size="70" style="width:120px;">
      </td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td align="right" title="字段的标识ID（唯一的，限制英文，如：shenheren）">字段的标识ID</td>
      <td><input datatype="*" name="f_id" type="text" id="fid" size="70" style="width:120px;"></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td align="right" title="字段在公式中显示的名称（限制英文，建议和字段的标识一样" >字段显示名称</td>
      <td><input datatype="*" name="f_name" type="text" id="fname" size="70" style="width:120px;"></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td align="right" title="字段设置好后在表单中呈现的样式">字段显示效果</td>
      <td><input name="f_type" type="radio" value="1" id="text" size="70" style="width:20px;">
        文本框
        <input name="f_type" type="radio" value="2" id="file" size="70" style="width:20px;">
        文件域
        <input name="f_type" type="radio" value="3" id="radio" size="70" style="width:20px;">
        单选框
        <input name="f_type" type="radio" value="4" id="checkbox" size="70" style="width:20px;">
        复选框 <input name="f_type" 
        <eq name="field['f_type']" value="8">checked</eq>
        type="radio" value="8" size="70" style="width:20px;">时间控件 <input name="f_type" 
        <eq name="field['f_type']" value="9">checked</eq>
        type="radio" value="9" size="70" style="width:20px;">客户选择控件 <input name="f_type" 
        <eq name="field['f_type']" value="10">checked</eq>
        type="radio" value="10" size="70" style="width:20px;">用户选择控件
        <input name="f_type" type="radio" value="6" id="verify" size="70" style="width:20px;">
        验证码
        <input name="f_type" type="radio" value="7" id="submit" size="70" style="width:20px;">
        提交按钮
        <input name="f_type" type="radio" value="5" id="text" size="70" style="width:20px;">
        文本域 </td>
      <td>&nbsp;
        <div id="radios" style="display:none; width:250px;">
          <input placeholder="值" style='width:80px; margin-bottom:5px;' name='val[]' />
          =>
          <input placeholder="标签" style='width:80px; margin-bottom:5px;' name='lebal[]' />
          <input style="float:right;" type="button" id="add" value="添加" />
        </div></td>
    </tr>
    <tr>
      <td align="right" title="必填*，文本text，密码password,邮箱email，纯数字number">字段填写规则</td>
      <td valign="bottom"><input name="verify" type="text" id="title" size="70"  style="width:120px;"></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td align="right" title="字段默认显示的文字内容">字段默认内容</td>
      <td><input name="verify_hint" type="text" id="verify_hint" size="70"  style="width:120px;"></td>
      <td>&nbsp;</td>
    </tr>
  </table>
</form>
<script>
	$(function(){
		
		//按钮的点击事件
		$("input[name=f_type]").click(function(){
			var raid = $("input[name='f_type']:checked").attr("id");
			if(raid.trim()=="radio" || raid.trim()=="checkbox"){					
				$("#radios").show();
			}else{
				$("#radios").hide();
			}
		});
			
		//添加input text元素事件
		$("#add").click(function(){
			var input = "<input placeholder='值' style='width:80px; margin-bottom:5px;' name='val[]' />=><input style='width:80px; margin-bottom:5px;' placeholder='标签' name='lebal[]' /><br>";
			$("#radios").append(input);
		});
		
		//表单提交操作
		$("#sub").click(function(){
			var values = $("input[name='r']");
			var input = "<input style='display:none;' name='valueList' id='valueList'  />";
			$("#forms").submit();
		});
		
    });
</script> 
